<div id="alumnaePage">
    <div class="post">
        <h2 class="title">Alumni</h2>
        <div class="entry">     
            <input type="button" value="Search" onclick="show('#searchalumnaes')"/>
            <input type="button" value="Clear Search" onclick="clearSearch()"/>
            <div id="alumnaes_result" class="info">
            </div>
            <script type="text/javascript">
                function searchAlumnae(){
                    field=document.getElementById("searchalumnaesForm").field.value;
                    search=document.getElementById("searchalumnaesForm").search.value;
                    $("#alumnaePage").load("<?= base_url(); ?>index.php?/mis/alumnae/"+field+"/"+search);
                }
                function clearSearch(){
                    $("#alumnaePage").load("<?= base_url(); ?>index.php?/mis/alumnae/");
                }


                $('a').click(function() {
                    if(this.href.indexOf("mis/alumnae", 0)>=0){
                        $("#alumnaePage").load(this.href);
                        return false;
                    }
                    return true;
                });
            </script>

            <div id="searchalumnaes" style="display: none;margin-bottom: 10px;">
                <form id="searchalumnaesForm">
                    <table>
                        <tr class="darker"><td class="half">Select search criteria</td>
                            <td><select name="field">
                                    <option value='all' >All</option>
                                    <option value='names'>Names</option>
                                    <option value='employer'>Employer</option>
                                    <option value='telephone'>Telephone</option>
                                    <option value='email'>Email</option>
                                    <option value='course'>Course</option>
                                    <option value='year'>Year</option>
                                </select></td>
                            <td><input type="text" name="search" class="wide"  value="<?php echo set_value('added_by'); ?>" /></td>
                        </tr>

                        <tr><td colspan="3" style="text-align: right">
                                <input type="button" value="Submit" onclick="searchAlumnae()" />
                                <input type="button" value="Cancel" onclick="hide('#searchalumnaes')"/>
                            </td></tr>

                    </table>
                </form>
            </div>
            <div id="all_alumnae">
                <?= $pagina ?>
                <?= $tablet ?>
                <?= $pagina ?>
            </div>
        </div>
    </div>
</div>